body {
  font-size: 14px;
}
.page-wrap {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
    background-color:#ffffff;
}
.music-play {
    position: absolute;
    z-index: 999;
    top: 12px;
    right: 12px;
    width: 30px;
    height: 30px;
    animation: rotating 1.2s linear infinite;
}

#fullpage{
	max-width: 414px;
	margin-left: auto;
	margin-right: auto;
}
img{max-width: 100%;}

.section .bg{}
.img3.animated{animation-delay:2.6s;}
.section{
	background-size:cover;
	background-repeat: no-repeat;

}
.section >*{
	position: absolute;
	color: #ffffff;
	
}
.section > div{
    display: none;
}
.section.active.fp-completely>div {
    display: block;
}

.section{
	background-image: url(images/bg.jpg);
}
.section p{
	margin: 0;
	padding: 0;
}
.img11 {
  width: 2.56rem;
  /* transform: translate(0.82rem,0.81rem); */
  left: 0.75rem;
  top: 0.78rem;
}
.img12 {
  width: 5.85rem;
  /* transform: translate(0.82rem,2.5rem); */
  left: 0.75rem;
  top: 1.96rem;
}
.img12.animated {
    /*animation-delay: 1200ms;*/
}

.img13 {
  width: 3.70rem;
  left: 0.75rem;
  top: 4.78rem;
}
.img13.animated {
    /*animation-delay: 1800ms;*/
}

.img14 {
  width: 7.5rem;
  left: 0;
  top: 6.67rem;
}
.img.img15 {
    width: 1.96rem;
    left: calc(50% - 0.98rem);
    top: 11.59rem;
}

.fp-completely .img14 {
  left: 0;
}
.img14.animated {
    /*animation-delay: 2200ms;*/
}
.img22 {
  width: 5.33rem;
  left: 0.75rem;
  top: 4.11rem;
}

.img23 {
    width: 4.03rem;
    top: 5.81rem;
    left: 0.75rem;
}
.img24 {
    width: 5.7rem;
    top: 7.36rem;
    left: 0.75rem;
}

.section .img21 {
    display: none !important;
}

.section-2 {
    background-image: url(../images/p2_bg2.jpg);
}
.txt22 {
  font-size: 14px;
  width: 4.5rem;
  left: 0.95rem;
  top: 1.35rem;
  line-height: 30px;
}
.txt21 {
  font-size: 14px;
  color: #ffffff;
  width: 4.5rem;
  left: 0.95rem;
  /*transform: translateX(0.95rem);*/
  top: 2.8rem;
  line-height: 25px;
}
.img31 {
    width: 3.2rem;
    left: 0.75rem;
    top: 2.04rem;
    z-index: 3;
}

.img32 {
    top: 0;
    right: 0;
    width: 3.09rem;
    z-index: 2;
}
.section-3 .img32{
  display:block;
}
.img33 {
    width: 6.84rem;
    left: 0.75rem;
    top: 4.78rem;
}

.img34 {
    width: 5.94rem;
    left: 0.75rem;
    top: 6.56rem;
}

.img35 {
    width: 6.29rem;
    top: 8.85rem;
    left: 0.75rem;
}

.img41{
	width: 2.3rem;
	left: 0.75rem;
	top: 1.11rem;
}
.img41.animated{
    animation-delay: 1000ms;
}
.img42{
	width: 3.86rem;
	right: 0;
	top: 0;
}
.img42.animated{
    animation-delay: 1400ms;
}
.img43 {
    width: 3.89rem;
    left: 0.75rem;
    top: 3.1rem;
    z-index: 2;
}

.img44 {
    width: 6.46rem;
    left: 0.75rem;
    top: 5.47rem;
}

.img45 {
    top: 6.25rem;
    left: 0.75rem;
    width: 6.46rem;
}

.img46 {
    width: 3.74rem;
    top: 7.38rem;
    left: 0.38rem;
}

.img47 {
    width: 2.42rem;
    left: 4.14rem;
    top: 7.42rem;
}

.img48 {
    width: 2.95rem;
    top: 10.1rem;
    left: 1.48rem;
}
.img49 {
    width: 2.88rem;
    top: 9.4rem;
    left: 4.04rem;
}
.section-4 .img42 {
    display: block;
}

.img51,.img61 {
    width: 2.30rem;
    left: 0.75rem;
    top: 1.11rem;
}

.section-5 .img52, .section-6 .img62,.section-7 .img72  {
    top: 0;
    right: 0;
    width: 3.86rem;
    display: block;
}
.section-6 .img62{
  width:4.19rem;
}

.img53, .img63 {
    width: 3.88rem;
    left: 0.75rem;
    top: 3.1rem;
}

.img54,.img64 {
    top: 5.74rem;
    left: 0.75rem;
    width: 6.46rem;
}
.img55,.img65 {
    top: 6.25rem;
    width: 6.46rem;
    left: 0.75rem;
}
.section .page4-text ,.section .page5-text, .section .page6-text {
    color: #414141;
    font-size: 0.24rem;
    width: 6.2rem;
    left: 0.88rem;
    top: 6.36rem;
}
.section .page4-text {
    top: 6.16rem;
}
.section .page4-text p strong {
    color: #007bff;
}


.img56 {
    width: 3.94rem;
    top: 7.74rem;
    left: 0.75rem;
}

.img58 {
    width: 2.88rem;
    top: 8.86rem;
    left: 3.94rem;
    z-index: 3;
}

.img57 {
    width: 3.07rem;
    top: 10.32rem;
    left: 1.6rem;
    z-index: 2;
}

.img66 {
    top: 7.81rem;
    width: 3.74rem;
    left: 0.75rem;
}

.img67 {
    width: 2.58rem;
    top: 7.45rem;
    left: 4rem;
    z-index: 2;
}

.img68 {
    width: 2.95rem;
    left: 1.48rem;
    top: 10.16rem;
}

.img69 {
    width: 2.88rem;
    top: 9.42rem;
    left: 4.18rem;
    z-index: 3;
}
.img71 {
    width: 2.30rem;
    top: 1.11rem;
    left: 0.75rem;
}

.img73 {
    width: 3.89rem;
    left: 0.75rem;
    top: 3.1rem;
}

.img74 {
    top: 4.8rem;
    left: 0.75rem;
    width: 5.28rem;
}

.img75 {
    top: 5.44rem;
    width: 6.46rem;
    left: 0.75rem;
}

.img76 {
    width: 2.94rem;
    top: 7.63rem;
    left: 0.75rem;
}

.img77 {
    top: 9.38rem;
    z-index: 2;
    width: 3.81rem;
    left: 3.11rem;
}

.img81 {
    width: 5.78rem;
    left: 0.75rem;
    top: 0.89rem;
}
.section-8 .img81,.section-8 .img82,.section-8 .img83,.section-8 #window-bm {
  display:block;
}
.section .btn-box {
  width: 2.8rem;
  text-align: center;
  left: 1.9rem;
  top: 7.8rem;
}
.btn-box.animated.swing{
    animation-iteration-count: 16;
}
.section .btn-box>a {
  color: #ffffff;
  text-decoration: none;
  display: block;
  background-color: #009688;
  padding: 9px 0;
  border-radius: 100px;
  font-size: 20px;
}

.page-tips {
    bottom: 0;
    right: 1px;
    position: absolute;
    color: #333333;
}
.page-ewm{
    display: none;
}
.section .bm-form {
    color: #333333;
}
.img83 {
    width: 7.5rem;
    bottom: 0;
    left: 0;
}

.img82 {
    width: 4.06rem;
    left: calc(50% - 2.03rem);
    bottom: 3.46rem;
}

input[type="submit"],input[type="reset"],input[type="button"],button,input[type="text"]{-webkit-appearance:none;border-radius:0px;outline:none;border:1px solid #bdbdbd;}
  .page-content{margin-right:auto;margin-left:auto;width:100%;max-width:750px;min-width:320px;}
  .page-content-msg{display:none;width:100%;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;background-color:#fff;height:100%;z-index:10001;top:0;position:fixed;}
  .top-ico{font-size:26px;text-align:center;}
  .top-ico{;}
  .top-ico .iconfont{font-size:94px;color:#09BB07;}
  .msg-box-txt{text-align:center;}
  .msg-box-txt> h4{font-size:20px;margin-bottom:0.05rem;}
  .msg-box-txt p{font-size:14px;color:#999999;margin-bottom:0.05rem;}
  .msg-box-btn{padding-left:20px;padding-right:20px;}
  .page-content-msg.on{display:block;}
  .page-ewm-jq{text-align:center;margin: 0.2rem auto;}
  .btn{font-size: 0.26rem; padding: 0.18rem 0;margin-bottom: 0.16rem; border-radius: 99px;}
  .btn-block+.btn-block{margin-top:0.05rem;}
  p{margin-bottom:0.1rem;}
  input::-webkit-input-placeholder{color:rgb(165,165,165);}
  input::-moz-placeholder{color:rgb(165,165,165);}
  input:-moz-placeholder{color:rgb(165,165,165);}
  input:-ms-input-placeholder{color:rgb(165,165,165);}
  [id^=NotiflixReportWrap] .notiflix-report-message{text-align:center;}
.bm-form{position:absolute;top:4.58rem;width:6.13rem;left:0.55rem;}
  .bm-form .f-l{display:flex;height:0.65rem;overflow:hidden;margin-bottom:0.16rem;}
  #sub_ul{border:none;background: transparent url(../images/btn_bg.jpg) no-repeat 0 0 /100%;padding:0;width:6.13rem;height:0.67rem;margin-top:0.18rem;font-size:0;}
  #sub_ul:focus {border: 1px solid #17a2b8; outline: none; }
  .bm-form .f-l span{width:0.64rem;overflow:hidden;}
  .bm-form .f-l span i{font-size:0.42rem;font-weight:700;}
  .bm-form .f-l input{border:1px solid #b3b3b3;background-color:transparent;flex-grow:1;padding-left:0.8rem;height:100%;width:100%;}
  .bm-form .f-l input[name=company]{padding-left:1.2rem;}
  .r-input-box{position:relative;flex-grow:1;}
  .r-input-box dl,.r-input-box dt,.r-input-box dd{margin:0;}
  .r-input-box dl{position:absolute;left:0.08rem;top:0;font-size:0.24rem;color:#717171;line-height: 1.41;}
  .bm-form .f-l input:focus {border-color: #17a2b8; }
.page-jt-fix {
    position: fixed;
    width: 0.47rem;
    text-align: center;
    top: 12.2rem;
    z-index: 1001;
    left: calc(50% - 0.235rem);
}

@-webkit-keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn);
    }
}
@media (min-width:768px){
    body {
        background: url(../images/bg1.jpg) center top/cover;
    }
    .page-ewm {
        display: block;
        position: fixed;
        right: 50%;
        width: 120px;
        top: 20px;
        margin-right: -332px;
        text-align: center;
        background-color: #4CAF50;
        color: #ffffff;
        font-size: 15px;
    }
    .img82 {
        bottom: 5.8rem;
    }
    .img14 {
    width: 100%;
    }


    .img83 {
        width: 100%;
        bottom: 2rem;
    }

    .page-ewm>p {
        margin: 0;
        padding: 10px 0;
    }
    .page-ewm img {
        display: block;
    }

}